<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE HTML>
<html>
	<head>

		<title>项目管理系统-项目列表</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<script type="text/javascript" src="js/jQuery.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<style type="text/css">
body {
	padding-top: 70px;
	background-color: #3D71BC;
	background-image: url("img/pro-bg1.jpg");
	background-repeat: no-repeat;
}

.newproject {
	margin-bottom: 20px;
	margin-left: 25px;
}

.body-bgc {
	padding-top: 20px;
	background-color: #bod4e5;
	background: url("img/wash-white-30.png") repeat scroll 0 0 transparent;
}

.accordion-heading {
	height: 30px;
	background-color: #fff;
	opacity: 0.8;
}

.contents {
	word-wrap: break-word;
	width: 600px;
	margin-left: 20px;
	font-size: 16px;
}
.collapse{
	background-color: #fff;
	opacity: 0.6;
}
</style>
	</head>

	<body>
		<%@ include file="include/topbar.jsp"%>

		<div class="container body-bgc">
			<div class="span9">
				<div class="project-list">
					<h1>
						项目列表
					</h1>
				</div>
				<hr />
				<div class="newproject">
					<a class="btn btn-success" href="addproject.action"> <i
						class="icon-plus icon-white"></i> 开始一个新项目 </a>
				</div>
				<div id="accordion2" class="accordion">
					<!-- 项目列表 -->
					<c:if test="${empty projectList }">
						<div class="alert alert-info">
							你未参与任何项目
						</div>
					</c:if>
					<c:forEach items="${projectList}" var="project">
						<div class="accordion-group">
							<div class="accordion-heading">
								<div style="height:5px"></div>
								<input type="hidden" name="project.id" value="${project.id }" />
								<div  style="color:#fff;display:inline">
									_
								</div>
								<i class="icon-th"></i>
								<div  style="color:#fff;display:inline">
									_
								</div>
								<a href="main.action?id=${project.id}" style="font-size: 18px;">
										<c:out value="${project.name }" escapeXml="true"></c:out> 
								</a>
							</div>
							<div class="accordion-body collapse" id="#" style="height: 70px;">
								<div class="contents">
									<h3>
										<c:out value="${project.content }" escapeXml="true"></c:out>
									</h3>
								</div>
								
							</div>
							<div class="accordion-heading">
								<div style="height:5px"></div>
								<div style="float: right;margin-right: 10px">${project.createtime}</div>
							</div>
						</div>
						<div style="height: 20px;"></div>
					</c:forEach>
					<!-- 结束 -->

				</div>
			</div>
		</div>
	</body>
</html>
